<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .zuida {
            width: 800px;
            height: 400px;
            background-color: #fbe9cd;
            border-radius: 5px;
            margin: 150px auto;
            box-sizing: border-box;
            box-shadow: 0px 0px 25px #E5E5E5;
            padding: 50px;
        }
        
        .btn {
            width: 100px;
            height: 25px;
            background-color: rgb(36, 34, 34);
            box-shadow: 0px 0px 10px rgb(156, 155, 126);
            border-radius: 30px;
            margin: 50px auto;
        }
        
        .yanse {
            font-size: 6px;
            color: rgb(255, 255, 255);
            line-height: 12px;
            height: 12px;
        }
        
        div {
            background-color: rgb(255, 255, 255);
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
        }
        
        h1 {
            font-size: 42px;
        }
    </style>
</head>

<body>
    <div>
        <div class="zuida">
            <h1>We are clemo</h1>
            <p>professionals <br/> the creative industries</p>
            <div class="btn">
                <P class="yanse">get in touch</P>
            </div>

        </div>
    </div>

</body>

</html>